import Taro from '@tarojs/taro-h5';
import Nerv from "nervjs";
import { Text, View } from '@tarojs/components';
import { AtAvatar } from "taro-ui";
import './my.scss';
export default class My extends Taro.Component {
  constructor() {
    super();
    /**
     * 指定config的类型声明为: Taro.Config
     *
     * 由于 typescript 对于 object 类型推导只能推出 Key 的基本类型
     * 对于像 navigationBarTextStyle: 'black' 这样的推导出的类型是 string
     * 提示和声明 navigationBarTextStyle: 'black' | 'white' 类型冲突, 需要显示声明类型
     */
    this.config = {
      navigationBarTitleText: '我的'
    };
    this.state = {
      value: ''
    };
    this.state = {
      value: ''
    };
  }
  componentWillMount() {}
  componentDidMount() {}
  componentWillUnmount() {}
  componentDidShow() {}
  componentDidHide() {}
  render() {
    return <View className="my content color-card">
                <View className="user_info">
                    <AtAvatar className="avatar" circle image={'http://makefriends.bs2dl.yy.com/%E6%A6%9C%E5%8D%95.png'} />
                    <Text className="username">test</Text>
                    <View className="login_name">@xin</View>
                </View>
                <View className="info_view">
                    <View className="bio">111</View>
                    <View className="item_view">
                        <View className="item">
                            <View className="title">50</View>
                            <View className="desc">Repos</View>
                        </View>
                        <View className="line" />
                        <View className="item">
                            <View className="title">100</View>
                            <View className="desc">Followers</View>
                        </View>
                        <View className="line" />
                        <View className="item">
                            <View className="title">122</View>
                            <View className="desc">Following</View>
                        </View>
                    </View>
                </View>
                <View className="list_view">
                    <View className="list">
                        <View className="list_title">Email</View>
                        <View className="list_content">--</View>
                    </View>
                    <View className="list">
                        <View className="list_title">Blog</View>
                        <View className="list_content">--</View>
                    </View>
                    <View className="list">
                        <View className="list_title">Company</View>
                        <View className="list_content">--</View>
                    </View>
                    <View className="list">
                        <View className="list_title">Location</View>
                        <View className="list_content">--</View>
                    </View>
                </View>
                <View className="bottom_view" />
            </View>;
  }
}